pages/yonghu-shop/yonghu-shop.js
Page({

    data: {
        query:{},
        goodsShop:[],
        page:1,
        pageSize:10,
        total:0 ,
        loading:false
    },
   
    getGoodsShopList(){
        this.setData({
            loading:true
        })
        wx.showLoading({
            title:'数据正在加载'
        })
        wx.request({
          url: `https://www.escook.cn/categories/${this.data.query.id}/shops`,
          data:{
              _page:this.data.page,
              _limit:this.data.pageSize
          },
          method:'get',
          success:(res)=>{
              console.log(res);
              this.setData({
                  goodsShop:[...this.data.goodsShop,...res.data],
                  total:res.header['X-Total-Count'] - 0,
              })
          },	
          complete:()=>{
              console.log('数据调用结束');
              wx.hideLoading();
                this.setData({
                    loading:false
                })
          }
        })
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        console.log(options);
        // setData指的是更改小程序中data中的值的方式
        // 获取data当中的值 this.data.xx
        this.setData({
            query:options
        });
      this.getGoodsShopList();
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {
        wx.setNavigationBarTitle({
            title:this.data.query.name
        })
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {
        console.log('上拉触底');
        // 上拉触底一次 page + 1
        this.setData({
            page: this.data.page + 1
        })
        // 当数据渲染完毕 告诉用户数据渲染完了
        // total :80  =< this.data.page * this.data.pageSize 数据渲染完毕
        if(this.data.page * this.data.pageSize >= this.data.total){
            return wx.showToast({
              title: '数据加载完毕',
              icon:"none"
            })
        }

        if(this.data.loading) return;
        // 发送网络请求
        this.getGoodsShopList();

        /* 
        初始状态：loading false
        首次 onload getGoodsShopList loading true

        非首次 上拉触底的操作来触发
        */

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})